<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org"
>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<head>
    <title>开票管理</title>
    <th:block th:replace="common/header :: iframeHead"></th:block>
</head>
<body class="child-body">
<div id="breadcrumb">
    <a href="#" class="tip-bottom">报表管理 /</a>
    <a href="#" class="current"><H4>发票日报</H4></a>
</div>
<div class="container-fluid">
    <!-- 主体部分 -->
    <div class="row-fluid">
        <div class="span12">
            <div class="widget-box">
                <form id="pageform" class="form-vertical" th:action="@{/invoiceDayReports/getExcel}" action="#" th:object="${formBean}"  method="post">

                    <div class="row-fluid" id="formSearch1">
                        <div class="span6" >
                            <div class="form-inline padding15" role="form">
                                <div class="form-group">
                                    <label class="form-label">小区名称：</label>
                                    <select th:field="*{estateSfGuid}"  class="form-control  select2">
                                        <option value="" >--请选择--</option>
                                        <option th:each="estate:${formBean.estateList}"
                                                th:value="${estate.sfGuid}"
                                                th:text="${estate.estateName}"
                                                th:selected="${estate.sfGuid} == ${formBean.estateSfGuid}? 'selected' : '#'"></option>
                                    </select>
                               </div>
                                <div class="form-group">
                                    <label class="form-label">开票日期：</label>
                                    <input type="text" id="selTime" th:field="*{invoiceDate}" class="form-control  selectDateYymmdd" />
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="row-fluid">
                        <div class="span5" id="table-btnGrounb">
                            <button class="table-btn" id="searchbutton" type="submit">下载</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
    <!-- 弹出信息确认窗口 -->
    <div th:replace="common/msgConfirm :: msgBlock"></div>

</body>

<!-- footer -->
<div th:replace="common/footer :: footerBlock"></div>


<!--<script type="text/javascript">-->
    <!--&lt;!&ndash;selectEstateName();&ndash;&gt;-->

    <!--&lt;!&ndash;$("#selTime").datetimepicker({&ndash;&gt;-->
        <!--&lt;!&ndash;minView: "month",&ndash;&gt;-->
        <!--&lt;!&ndash;format: "yyyy-mm-dd",&ndash;&gt;-->
        <!--&lt;!&ndash;autoclose: true,&ndash;&gt;-->
        <!--&lt;!&ndash;todayBtn: true,&ndash;&gt;-->
        <!--&lt;!&ndash;language:'zh-CN',&ndash;&gt;-->
        <!--&lt;!&ndash;pickerPosition:"bottom-left",&ndash;&gt;-->
    <!--&lt;!&ndash;});&ndash;&gt;-->

<!--&lt;!&ndash;</script>&ndash;&gt;-->
<!--需要做处理，优化，而且JS代码最好不出现在html页面中-->
<!--<script type="text/javascript">-->

    <!--$.ajax({-->
        <!--url:'/reports/info',-->
        <!--type:'post',-->
        <!--async:true,-->
        <!--dataType:"json",-->
        <!--data: JSON.stringify({-->
            <!--'area':$("#areaSel").find("option:selected").text(),-->
            <!--'startTime':$("#startTimeSel").find("option:selected").text(),-->
            <!--'endTime':$("#endTimeSel").find("option:selected").text()-->
        <!--}),-->
        <!--contentType:"application/json;charset=utf-8",-->
        <!--success: function (data) {-->
            <!--console.log(data);-->
        <!--},-->
        <!--error: function () {-->

        <!--}-->
    <!--});-->

    <!--var type = 'bar'-->
    <!--baobiao(type)-->



    <!--$("#chart-select").bind("change", function () {-->

        <!--var chart = $("#chart-select").find("option:selected").text();-->
        <!--if (chart == '柱状图') {-->
            <!--type = 'bar';-->
        <!--}-->
        <!--if (chart == '折线图') {-->
            <!--type = 'line';-->
        <!--}-->
        <!--if (chart == '饼状图') {-->
            <!--type = 'pie';-->
        <!--}-->
        <!--baobiao(type);-->
    <!--});-->

    <!--function baobiao(type) {-->
        <!--var myChart = echarts.init(document.getElementById('main'));-->
        <!--// 图表清空-&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;-->
        <!--myChart.clear();-->
        <!--var option = {-->
            <!--title:{-->
                <!--x: 'center',-->
                <!--text: '支付账单明细',-->
                <!--subtext: '各区域明细',-->
            <!--},-->
            <!--tooltip: {-->
                <!--trigger: 'item',-->
                <!--show: true-->
            <!--},-->
<!--//            legend: {-->
<!--//                data: ['支付金额']-->
<!--//            },-->
            <!--xAxis: [-->
                <!--{-->
                    <!--type: 'category',-->
                    <!--data: ["福州世茂天成", "世茂云锦", "南京世茂外滩新城", "杭州世茂天宸", "上海世茂爱马尚郡", "沈阳世茂五里河花园"]-->
                <!--}-->
            <!--],-->
            <!--yAxis: [-->
                <!--{-->
                    <!--type: 'value'-->
                <!--}-->
            <!--],-->
            <!--series: [-->
                <!--{-->
                    <!--name: "支付金额",-->
                    <!--type: type,-->
                    <!--data: [5, 20, 40, 10, 10, 20],-->
<!--//                    markPoint: {-->
<!--//                        tooltip: {-->
<!--//                            trigger: 'item',-->
<!--//                            backgroundColor: 'rgba(0,0,0,0)',-->
<!--//                            formatter: function(params){-->
<!--//                                return '<img src="'-->
<!--//                                    + params.data.symbol.replace('image://', '')-->
<!--//                                    + '"/>';-->
<!--//                            }-->
<!--//                        },-->
<!--//                        data: [-->
<!--//                            {xAxis:0, y: 350, name:'福州世茂天成', value:5,},-->
<!--//                            {xAxis:1, y: 350, name:'世茂云锦', value:20,},-->
<!--//                            {xAxis:2, y: 350, name:'南京世茂外滩新城', value:40,},-->
<!--//                            {xAxis:3, y: 350, name:'杭州世茂天宸', value:10,},-->
<!--//                            {xAxis:4, y: 350, name:'上海世茂爱马尚郡', value:10,},-->
<!--//                            {xAxis:5, y: 350, name:'沈阳世茂五里河花园', value:20,},-->
<!--//                        ]-->
<!--//                    }-->
                <!--}-->
            <!--]//驱动图表生成的数据内容（详见series），数组中每一项代表一个系列的特殊选项及数据-->
        <!--};-->

        <!--myChart.setOption(option, true);-->

    <!--}-->

<!--</script>-->
</html>


